<!DOCTYPE html>
<html>
  <head>
    <meta charset='utf-8'>

    <link rel="stylesheet" type="text/css" 
      href="https://wangkun19930608.github.io/assets/css/straybirds.css" media="screen" />
    <link rel="stylesheet" type="text/css" 
      href="https://wangkun19930608.github.io/assets/css/pygments.css" media="screen" />
	<link rel="shortcut icon" href="https://wangkun19930608.github.io/img/wklogo.png" type="image/x-icon">
    <script type="text/javascript"
    src="https://wangkun19930608.github.io/assets/javascripts/main.js">
    </script>
    <!-- MathJax Section Start -->

    <!-- <script type="text/javascript" -->
    <!-- src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> -->
    <!-- </script> -->
	
	<link href="//cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
	<link href="//cdn.bootcss.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">

	<script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
	<script src="//cdn.bootcss.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
	
	 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <link rel="shortcut icon" type="image/ico" href="https://www.noxxxx.com/favicon.ico">

    <!--[if IE ]>
        <script src="http://apps.bdimg.com/libs/html5shiv/r29/html5.min.js"></script>
    <![endif]-->
     <link rel="dns-prefetch" href="https://s.w.org/">
<link rel='stylesheet' id='chemin-style-css'  href='https://www.noxxxx.com/wp-content/themes/chemin/style.css?ver=4.7.1' type='text/css' media='all' /><link rel="canonical" href="https://www.noxxxx.com/friends-link">
<link rel="shortlink" href="https://www.noxxxx.com/?p=42">
<style>html, * {-webkit-user-select:text!important; -moz-user-select:text!important;}</style><style id="799f286d-569f-4cec-b312-85154745d66e">        #nong-drive-anytime-icon{          position:fixed;          z-index:6969;          color: white;          border-radius: 32px;          width: 32px;          height: 32px;          left: 10px;          bottom: 15px;          opacity:0.1;          text-align: center;          line-height: 32px;          -webkit-transition: opacity 0.6s ease-in-out;          -moz-transition: opacity 1s ease-in-out;          -o-transition: opacity 1s ease-in-out;          transition: opacity 1s ease-in-out;          background-image: url("          AAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0Q          A/wD/AP+gvaeTAAAAB3RJTUUH3gwKEBo6JKpagwAAA/lJREFUWMPtlk1oXFUUgL/z3ps3mUlmJmli0iZ26E9KSAuWq          tSdQkQoKKIUXfi3KlhUkJKdaEREurHFjTttcaHUgiD+oJCdtIq01kpBS5Mmtvkh6cwkmc5fkjdzj4uXKc1kppOOEQQ          9q3vfO/ee755z7jkX/usi9RQee+7QujYa/uyjjQWoYrgZiAEOoEAGSK+MGwapClBhfAfwIjAAdAMuYIAkcAE4CZwHi          o1ArAE48NJhjDGYUskVkUPAEaAXVVTVX6GACCLCCsgp4F3gxt1COJXGAWzbdkXkbVMqHUE1hGURjLYRbt9MsLUdL58          ln5xhaSGJKXodiLwGbAdeBqYaDkEZAHgFeF+NCVnBED37H+We3Q/gtsQQxwFj8Ao50tdHmDjzHfnENPje+AR4Fcit1          wt2FeM7gQ9R7XLDLfQdeIau+x8mEI4gloWIIJaFHQzR0nkv0a07yEz/iZdNg0gfcBG4DDB26UJdAKvKtxeAXiyL+P5          H2NJ/H65lQM1qLVVUDS2b42wfeBon3AKqIeAwEFlvCCoBmoEBVGmKxOjq3+uflhIBKVa9MmoM0fguIt3b/CSFfUC8U          YAY0K2qhNs7CUZi5U1xxNSEsJ0AsfguxLIAokBPowAO4CIQim1CbGf1z1oQIjS1diC2Xd6j4RAoYFDw8jnUmDULqkI          oeIUc+PoGWGwUIAMkESGXmqVYyJWv1x0hjCmSmbyKKZUA8sBsowBp4IKIUFiYY35iDKnRLm5BiFBI3SA9cbVcGceBa          38nBCeBpCl6jJ8dJjM7WU6uNRKwgMU013/4mqV0CkQM8DGQaBQA/MZyChFyiRl+//ZzUmOXMaXirSIkYqGqZJMzjH5          /mrmRS34o4GzCcU/vLmR5Z+rKugBqleJO4ATwuKrihpuJbonTFt9JU+smioU8C5PjLEyOs5ieB2Apn2NPYvqrN5bSn          4rIN8bPBXp+OtcQAPh3+T3gWVRDquqf3rJBjZ9wfkdUA2f2Jafmnl/KPNlRyC+q6gf43bFQD8K+fTL623l69z5Ynma          AYeAiIm0iEgVs/MJUFJGMiPwBHE2IPXRCs9loMPiEIiHjLT8EBIAfgeLg1h6OT07X90ANT4BfWOIrXong3/NZ4BpoY          k/JY2hxLmzgTVQHvVzW9TKZZVSP1fPEHd+EVUCqytFCim3GAwgBb6E6WMznXO/mzWWtA1H3UbpemT/4VHnoQ8BgMZe          tC2HdnZna0vbFl+VhYcXYMae5ZTkQjbliWYPAEBCuXLdhALUhmpcD0agrlnUQ1TVdckMBakAcd8LhkUAk+nrq119GK          /U3LAcq5bacCAM9sb7+0eS5n9XLZlblwD8GUAFRzUP/y79D/gKteao6M/AMZwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjA          xNi0wOS0xN1QxNToyMToyNiswODowMH9bMZYAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTQtMTItMTBUMTY6MjY6NTgrM          Dg6MDAX0x1GAAAATXRFWHRzb2Z0d2FyZQBJbWFnZU1hZ2ljayA3LjAuMS02IFExNiB4ODZfNjQgMjAxNi0wOS0xNyB          odHRwOi8vd3d3LmltYWdlbWFnaWNrLm9yZ93ZpU4AAAAYdEVYdFRodW1iOjpEb2N1bWVudDo6UGFnZXMAMaf/uy8AA          AAYdEVYdFRodW1iOjpJbWFnZTo6SGVpZ2h0ADEyOEN8QYAAAAAXdEVYdFRodW1iOjpJbWFnZTo6V2lkdGgAMTI40I0          R3QAAABl0RVh0VGh1bWI6Ok1pbWV0eXBlAGltYWdlL3BuZz+yVk4AAAAXdEVYdFRodW1iOjpNVGltZQAxNDE4MjAwM          DE4ibQBZAAAABJ0RVh0VGh1bWI6OlNpemUAMi4zM0tCSV84/gAAAF90RVh0VGh1bWI6OlVSSQBmaWxlOi8vL2hvbWU          vd3d3cm9vdC9zaXRlL3d3dy5lYXN5aWNvbi5uZXQvY2RuLWltZy5lYXN5aWNvbi5jbi9zcmMvMTE4MjEvMTE4MjE5M          S5wbmd8fDQnAAAAAElFTkSuQmCC");        }        #nong-drive-anytime-dialog{          position:fixed;          left:8%;          top:10%;          z-index:69699;          border-radius: 8px 8px;          padding-top: 10px;          padding-left:10px;          padding-right:10px;          background-color: rgba(237, 237, 237, 0.8);        }        #nong-drive-anytime-dialog>span{            margin-left: 40px;        }        #nong-drive-anytime-dialog #nong-move{            width: 16px;            height: 16px;            display:none;            background-image: url("data:image/png;ba        se64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQ        AAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfeChoLIiwIy72HAAAA3ElEQVQ        oz3XRsUrDYBQF4C9NVnFRB8fiLFhEcJAOHRJw6FApdLBv4EP4An0QQeyatZMdsjiok+DiA7jEJcShaZs0eob/Hg6H+99        7bqiJqVMv/kViaSmuS2GN91179upM7rNtCJyb2/PtyYn33eZBVScmTaVTNR+15hnprw2JoaySC0XFMkMJkVt3Hly4ROE        KgRCFL/cOI5Qo/3g3iM10Kz42rljXTEyEVK7nY2ftnrnFysBis+YWj6tP6kHd+HGslBt4W89Qj/rAVMe+gWwbdRNx+1h        Rw5A6QlqXfgFuOzSValRoagAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNi0wOS0xN1QxNToyMToxNyswODowMFejPcEAAAA        ldEVYdGRhdGU6bW9kaWZ5ADIwMTQtMTAtMjZUMTE6MzQ6NDQrMDg6MDDQbkqYAAAATXRFWHRzb2Z0d2FyZQBJbWFnZU1        hZ2ljayA3LjAuMS02IFExNiB4ODZfNjQgMjAxNi0wOS0xNyBodHRwOi8vd3d3LmltYWdlbWFnaWNrLm9yZ93ZpU4AAAA        YdEVYdFRodW1iOjpEb2N1bWVudDo6UGFnZXMAMaf/uy8AAAAYdEVYdFRodW1iOjpJbWFnZTo6SGVpZ2h0ADUxMo+NU4E        AAAAXdEVYdFRodW1iOjpJbWFnZTo6V2lkdGgANTEyHHwD3AAAABl0RVh0VGh1bWI6Ok1pbWV0eXBlAGltYWdlL3BuZz+        yVk4AAAAXdEVYdFRodW1iOjpNVGltZQAxNDE0Mjk0NDg0ExvBiAAAABJ0RVh0VGh1bWI6OlNpemUAMTUuMktCe0oJtgA        AAF90RVh0VGh1bWI6OlVSSQBmaWxlOi8vL2hvbWUvd3d3cm9vdC9zaXRlL3d3dy5lYXN5aWNvbi5uZXQvY2RuLWltZy5        lYXN5aWNvbi5jbi9zcmMvMTE3NzQvMTE3NzQ3Ni5wbmf8M3m2AAAAAElFTkSuQmCC");            display: none;            float: right;opacity: 0.4;            cursor:pointer;        }        #nong-drive-anytime-dialog>button{            margin-left: 12px;        }        #nong-drive-anytime-dialog > table{                    }        #nong-table-wrapper {          overflow-x: hidden;          overflow-y: auto;          position: relative;          max-height: 30em;        }        #nong-drive-anytime-icon:hover{            opacity:1;        }        </style></head>

<style>
.delete{
    text-decoration: line-through;
}
</style>


<script>
	<!-- function NetPing(url) { -->
    <!-- $.ajax({ -->
        <!-- type: "GET", -->
        <!-- cache: false, -->
        <!-- url: url, -->
        <!-- data: "", -->
        <!-- success: function() { -->
            <!-- alert(url+"200"); -->
        <!-- }, -->
        <!-- error: function() { -->
            <!-- alert(url+"404"); -->
        <!-- } -->
    <!-- }); -->

<!-- } -->
<!-- NetPing("http://www.baidu.com"); -->
</script>

    <!-- MathJax Section End -->

    <!-- Google Analytics Start-->
    <!-- {% include google_analytics.ext %} -->
    <!-- Google Analytics End -->

    <title>{{ page.title }}</title>
	
	
	<!-- <script> -->
        <!-- MathJax.Hub.Config({ -->
              <!-- tex2jax: { -->
              <!-- skipTags: ['script', 'noscript', 'style', 'textarea', 'pre'] -->
              <!-- } -->
        <!-- }); -->
        <!-- MathJax.Hub.Queue(function() { -->
            <!-- var all = MathJax.Hub.getAllJax(), i; -->
            <!-- for(i=0; i < all.length; i += 1) { -->
                <!-- all[i].SourceElement().parentNode.className += ' has-jax'; -->
            <!-- } -->
        <!-- }); -->
    <!-- </script> -->
	
	

  </head>

  <body>
	 <div id="headtitle"  >
	 </div>
	 <script>loadHeadDiv(); </script>
  <!--
	<iframe src="" name="iframe" id='visi2' style="width:100%;height:100%;display:none;position:inherit" onload="changeFrameHeight()"  >
    </iframe>
-->
	<div id ='visi3' style="width:100%;display:none;height:100%;position:relative"  >
	</div>
	
	<!-- <script>load_home('visi3','https://www.baidu.com/');</script> -->

    <div class="container" id='visi1' >

      <header>
        <div class="container">
          <h1>
              <a href="/" title="Home Page"> *坤的 </a><br/>
          <span class="github-src">
            <a href ="https://github.com/wangkun19930608/wangkun19930608.github.io"
               target="_blank"
               title="Fork me on GitHub">
              <img src="/assets/images/GitHub-Mark-Light-32px.png" alt="">
            </a>
          </span>
          </h1>
        </div>
      </header>
<!--
      <aside id="left-side">
        {% include categories.ext %}
      </aside>

      <aside id="right-side">
        {% include archives.ext %}
      </aside>
-->
      <article>

{{ content }}

      </article>

     <!-- 
	 <div class="comments">
        {% if page.comments %}
          {% include comments.ext %}
        {% endif %}
      </div>
	 -->
	 <div class="panel panel-white post " id="comments">
					<div class="post-footer">
						<div class="input-group">
							<input id="comment_txt" class="form-control" placeholder="Add a comment" type="text">
							<span class="input-group-addon">
                        <a href="#"><i class="fa fa-edit" onclick="login()"></i></a>  
                    </span>
						</div>
						<ul class="comments-list" id="commentsList">
						</ul>
					</div>
	</div>
	
	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
					<h4 class="modal-title" id="myModalLabel">登录</h4>
				</div>
				<div class="modal-body">
					<div class="form-group">
						<label for="txt_departmentlevel">Username</label>
						<input type="text" name="txt_departmentlevel" class="form-control" id="txt_username" placeholder="Github用户名">
					</div>
					<div class="form-group">
						<label for="txt_statu">Password</label>
						<input type="password" name="txt_statu" class="form-control" id="txt_password" placeholder="Github密码">
					</div>
					<div class="alert alert-warning" role="alert" id="tips">我们不会获取您的用户名和密码,评论直接通过 HTTPS 与 Github API交互,如果您开启了两步验证,请在博客的Github issues 下添加 Comment</div>
				</div>
				<div class="modal-footer">
					<button type="button" id="btn_subComment" class="btn btn-primary" data-dismiss="modal" onclick="subComment()">提交</button>
				</div>
			</div>
		</div>
	</div>
	  
	
	
	</div>
	
	<div id='footdiv' >
	 </div>
	 <script>load_home('footdiv','/foot.html');loadcomments();</script>
    <script type="text/javascript">
/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
    $("body").click(function(e) {
        //var a = new Array("POWERFUL", "DEMOCRACY", "CIVILITY", "HARMONY", "FREEOOM", "EQUALITY", "JUSTICE","RULE OF LAW", "PATRIOTIC", "DEDICATION", "INTEGRITY", "FRIENDSHIP");
        //var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正","法治", "爱国", "敬业", "诚信", "友善");
        var a = new Array("富强\nPOWERFUL", "民主\nDEMOCRACY", "文明\nCIVILITY", "和谐\nHARMONY", "自由\nFREEOOM", "平等\nEQUALITY", "公正\nJUSTICE","法治\nRULE OF LAW", "爱国\nPATRIOTIC", "敬业\nDEDICATION", "诚信\nINTEGRITY", "友善\nFRIENDSHIP");
        var $i = $("<span />").text(a[a_idx]);
        a_idx = (a_idx + 1) % a.length;
        var x = e.pageX,
        y = e.pageY;
        $i.css({
            "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
            "top": y - 20,
            "left": x,
            "position": "absolute",
            "font-weight": "bold",
            "color": "#ff6651",
			"white-space":"pre"
        });
        $("body").append($i);
        $i.animate({
            "top": y - 180,
            "opacity": 0
        },
        1500,
        function() {
            $i.remove();
        });
    });
});
</script>
	
 </body>
 
 

	 
</html>
